const path = require('path');

module.exports = {
  publicPath: '/admin/',
  productionSourceMap: false,
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 icon 选项时，
      icon: 'http://120.27.68.97:7002/images/blogger.png',
      // 当使用 title 选项时，
      title: 'FNIU博客后台',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    }
  },
  devServer: {
    open: true, // npm run serve后自动打开页面
    host: '0.0.0.0', // 匹配本机IP地址(默认是0.0.0.0)
    port: 82, // 开发服务器运行端口号
    proxy: {
      '/api': {
        target: 'http://120.27.68.97:7002',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      },
    },
  },
  configureWebpack: {
    externals: {
      'vue': 'Vue',
      'ant-design-vue': 'antd',
      'vue-router': 'VueRouter',
      'vuex': 'Vuex',
    },
  },
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('assets', path.join(__dirname, 'src/assets'))
  }
}
